<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="css/amazeui.min.css">
		<link rel="stylesheet" href="css/wap.css">
		<title>内容页列表页</title>
		<style>
		 .pet_head_block{
		    background: #007bff;
		 }
		 h2{
		   margin-left:14rem;
		 }
		</style>
	</head>
	<body style="background:#ececec">
		<div class="pet_mian">
			<div class="pet_head">

				<header data-am-widget="header" class="am-header am-header-default pet_head_block">
							<h2 class="">健康管理</h2>
					<div class="am-header-left am-header-nav ">
						<a href="PersonalCenter" class="iconfont pet_head_jt_ico">&#xe601;</a>
					</div>
					
					<div class="am-header-right am-header-nav">
						<a href="javascript:;" class=""></a>
					</div>
				</header>
			</div>
			
			<div class="pet_content pet_content_list">
				<div class="pet_article_like">
					<div class="pet_content_main pet_article_like_delete">
						<div data-am-widget="list_news" class="am-list-news am-list-news-default am-no-layout">
							<div class="am-list-news-bd">
								<ul class="am-list">
									<!--缩略图在标题右边-->
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_l">
												<div class="pet_list_one_info_ico"></div>

											</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_list_tag_xxs">阅读</div>
											</div>
										</div>
										<div class=" am-u-sm-8 am-list-main pet_list_one_nr">
											<h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">注意了！久坐危害实在太多了！！</a></h3>
											<div class="am-list-item-text pet_list_one_text">每逢长假，总有那么一群人选择远离人山人海，静静地呆在家，坐在电脑电视前。长时间的工作学习让他们感觉很疲惫，对什么都提不起劲，打开电脑却不知道干什么好…</div>

										</div>
										<div class="am-u-sm-4 am-list-thumb">
											<a href="###" class="">
												<img src="/q1.jpg" class="pet_list_one_img" alt="" />
											</a>
										</div>
									</li>
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_l">
												<div class="pet_list_one_info_ico"></div>

											</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_video_tag">阅读</div>
											</div>
										</div>
										<div class=" am-u-sm-8 am-list-main pet_list_one_nr">
											<h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">儿童肥胖危害大！别让肥胖成为“孩子成长的烦恼“！ </a></h3>
											<div class="am-list-item-text pet_list_one_text">由多因素引起，因能量摄入超过能量消耗，导致体内脂肪积累过多达到危害健康的一种慢性代谢性疾病......</div>

										</div>
										<div class="am-u-sm-4 am-list-thumb pet_video_info">
											<div class="pet_video_info_tag"><i class="iconfont">&#xe62d;</i>02:44</div>
											<a href="###" class="">
												<img src="/q4.jpg" class="pet_list_one_img" alt="" />
											</a>
										</div>
									</li>
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_l">
												<div class="pet_list_one_info_ico"></div>

											</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_list_tag_zzs">趣闻</div>
											</div>
										</div>
										<div class=" am-u-sm-8 am-list-main pet_list_one_nr">
											<h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">怦然心动！澳洲大眼宝宝逆天睫毛萌翻全球！</a></h3>
											<div class="am-list-item-text pet_list_one_text">来自澳大利亚布里斯班的十个月大的萌宝Egypt拥有一双修长的睫毛、清澈的眼眸，可爱的模样让她在社交网站上爆红。</div>

										</div>
										<div class="am-u-sm-4 am-list-thumb">
											<a href="###" class="">
												<img src="/q5.jpg" class="pet_list_one_img" alt="" />
											</a>
										</div>
									</li>

									<li class="am-g am-list-item-desced pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_l">
												<div class="pet_list_one_info_ico"></div>

											</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_list_tag_stj">阅读</div>
											</div>
										</div>
										<div class=" am-list-main">
											<h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">热身的好处好多，进来了解一下！</a></h3>
											<ul data-am-widget="gallery" class="am-gallery am-avg-sm-3
  am-avg-md-3 am-avg-lg-3 am-gallery-default pet_list_one_list">
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/qq1.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/qq2.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/qq3.jpg" alt="" />
														</a>
													</div>
												</li>
											</ul>
											<div class="am-list-item-text pet_list_two_text">说到热身，喜欢运动的知友应该都不陌生，但很多人却并不怎么重视这个环节，感觉慢跑几分钟，就可以开始正式训练了......</div>
										</div>
									</li>

									<li class="am-g am-list-item-desced pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_tytj"></i>感恩！奋战在一线医生的那一刻</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_list_tag_kty">图集</div>
											</div>
										</div>
										<div class=" am-list-main">
											<ul data-am-widget="gallery" class="am-gallery am-avg-sm-3
  am-avg-md-3 am-avg-lg-3 am-gallery-default pet_list_one_list pet_list_one_tytj">
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/w1.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/w2.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/w3.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/w4.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/w5.jpg" alt="" />
														</a>
													</div>
												</li>
												<li>
													<div class="am-gallery-item">
														<a href="###" class="">
															<img src="/w6.jpg" alt="" />
														</a>
													</div>
												</li>
											</ul>
									</li>
									<li class="am-g am-list-item-desced pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_l">
												<div class="pet_list_one_info_ico"></div>
												
											</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_list_tag_zzs">趣闻</div>
											</div>
										</div>
										<div class=" am-list-main">
											<h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！</a></h3>


											<div class="am-list-item-text pet_list_two_text">狗狗会天天的跟着我们生活在一起，它们的一切都会影响着主人，尤其是狗狗身上散发的味道，会无时无刻的对主人有影响，如果狗狗身体有异味，主人就会用过于香喷喷的洗漱品帮狗狗洗澡，这样不仅对狗狗身体有伤害，还会容易患上皮肤病，其实，我们知道一些小技巧，就会改善狗狗身上存在的味道。</div>

										</div>
									</li>
									<li class="am-g am-list-item-desced pet_list_one_block">
										<div class="pet_list_one_info">
											<div class="pet_list_one_info_l">
												<div class="pet_list_one_info_ico"></div>
												
											</div>
											<div class="pet_list_one_info_r">
												<div class="pet_list_tag pet_list_tag_mzt">萌专题</div>
											</div>
										</div>
										<div class=" am-list-main">
											<h3 class="am-list-item-hd pet_list_one_bt"><a href="###" class="">心情不好了，就来看看这只狗！</a></h3>
											<div class="pet_list_zt_img"><img src="img/c1.png" alt=""></div>

											<div class="am-list-item-text pet_list_two_text">猫咪不像人，猫咪的情绪不会写在脸上，反馈给我们的信息更多的应该是行为上肢体上的，当然从叫声中也会反应一些信息，那么要想“抓住它的心，就一定要抓住它的胃吗？”从它的行为和肢体语言当中我们可以读懂什么呢？</div>

										</div>
									</li>

								</ul>
							</div>

						</div>

					</div>

				</div>

				<div class="pet_article_footer_info">Copyright(c)2019 PetShow All Rights Reserved</div>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/amazeui.min.js"></script>
		<script>
			$(function() {

				// 动态计算新闻列表文字样式
				auto_resize();
				$(window).resize(function() {
					auto_resize();
				});
				$('.am-list-thumb img').load(function() {
					auto_resize();
				});
				$('.pet_article_like li:last-child').css('border', 'none');

				function auto_resize() {
					$('.pet_list_one_nr').height($('.pet_list_one_img').height());
					// alert($('.pet_list_one_nr').height());
				}
				$('.pet_article_user').on('click', function() {
					if ($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')) {
						$('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass(
							'pet_article_user_info_tab_cloes');
					} else {
						$('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass(
							'pet_article_user_info_tab_show');
					}
				});

				$('.pet_head_gd_ico').on('click', function() {
					$('.pet_more_list').addClass('pet_more_list_show');
				});
				$('.pet_more_close').on('click', function() {
					$('.pet_more_list').removeClass('pet_more_list_show');
				});
			});
		</script>
	</body>
</html>
